<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<title>猎舞网</title>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
		<meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
		<link rel="stylesheet" href="__PUBLIC__static/lib/weui.min.css">
		<link rel="stylesheet" href="__PUBLIC__static/css/jquery-weui.css">
		<link rel="stylesheet" href="__PUBLIC__static/css/style.css">
		<style type="text/css">
			.wy-header-title {
				position: relative;
				width: 100%;
				height: 56px;
				background-color: black;
				margin-left: -2px;
			}
			
			.backw {
				position: absolute;
				width: 30px;
				top: 25%;
				left: 9px;
			}
			
			.wy-header-title span {
				font-family: FZLTZHK;
				font-size: 22px;
				color: #FFFFFF;
				line-height: 56px;
			}
			
		#select {
				background-color: white;
				position: relative;
				width: 100%;
				height: 55px;
				border-bottom: 0.5px solid #CCCCCC;
			}
			
			select {
				font-family: simhei[Regular];
				border: none;
				color: #333333;
				font-size: 20px;
				-webkit-appearance: none;
				/*去除chrome浏览器的默认下拉图片*/
				-moz-appearance: none;
				/*去除Firefox浏览器的默认下拉图片*/
				background-image: url(__PUBLIC__static/images/arrow.png);
				background-repeat: no-repeat;
				background-size: 16px;
				margin-top: 10px;
			}
			
			select:focus {
				outline: none;
			}
			
			.city {
				width: 90px;
				position: absolute;
				left: 15%;
				background-position: right;
			}
			
			.type {
				width: 75px;
				position: absolute;
				left: 63%;
				letter-spacing: 5px;
				background-position: right;
			}
			
			#xian {
				/*display: inline-block;*/
				/*width: 100px;*/
				height: 20px;
				border: 1px solid #CCCCCC;
				margin-left: 50%;
				position: absolute;
				top: 15px;
			}
			
			#body ul {
				position: relative;
				width: 100%;
				height: 180px;
				background-color: white;
				margin-bottom: 10px;
			}
			
			#body ul i {
				position: absolute;
				display: inline-block;
				width: 90%;
				border: 1px solid #E8E8E8;
				left: 20px;
				top: 75%;
			}
			
			#name {
				position: absolute;
				left: 5%;
				top: 8%;
				font-family: Pingfang SC;
				color: #333333;
				font-size: 24px;
			}
			
			#name img {
				position: absolute;
				width: 20px;
				margin-left: 5px;
				top: 12px;
			}
			
			#xinxi {
				position: absolute;
				font-family: Pingfang SC;
				top: 30%;
				left: 5%;
				color: #666666;
			}
			
			#xinxi span {
				margin: 0px 2px;
				font-size: 15px;
			}
			#type {
				position: absolute;
				width: 50px;
				top: 50%;
				left: 5%;
			}
			
			#thinkjob {
				position: absolute;
				top: 80%;
				left: 5%;
				font-size: 13px;
				letter-spacing: 1px;
			}
		</style>
	</head>

	<body ontouchstart style="background-color: rgb(245,245,245)" class="body">
		<!--顶部搜索-->
		<header class='weui-header'>
			<!--<div class="wy-header-icon-back"><span></span></div>-->
			<div class="wy-header-title">
				<img class="backw" src="__PUBLIC__static/images/backwhite.png" alt="" />
				<span>导师列表</span>
			</div>
		</header>
		<!--主体-->
		<div id="details">
			<!--下拉列表-->
			<div id="select">

				<select class="city" name="city">
					<option class="city1">全部</option>
					<option class="city1">杭州市</option>
					<option class="city2">嘉兴市</option>
					<option class="city3">湖州市</option>
					<option class="city4">绍兴市</option>
					<option class="city5">宁波市</option>
					<option class="city6">台州市</option>
					<option class="city7">温州市</option>
					<option class="city8">衢州市</option>
					<option class="city9">金华市</option>
					<option class="city10">丽水市</option>
					<option class="city11">舟山市</option>
				</select>
				<i id="xian"></i>
				<select class="type">
					<option>全职</option>
					<option>兼职</option>
				</select>
			</div>
			<!--主体-->
			<div id="body">
				{foreach $res as $v}
				<ul>
					<div id="name">{$v.name}<img src="__PUBLIC__static/images/girl.png" /></div>
					<div id="xinxi">
						<span id="sheng">{$v.address}</span>
						<!--<span id="city">|&nbsp;&nbsp;杭州</span>-->
						<span id="tel">|&nbsp;&nbsp;{$v.tel}</span>
					</div>
					<!-- <img id="typeimg" src="__PUBLIC__static/images/jianzhi.png" /> -->
					<p id="type">{$v.type}</p>
					<span id="thinkjob">{$v.think_job}</span>
				</ul>
				 {/foreach}
			</div>
		<!--底部导航-->
		<div class="foot-black"></div>
		<div class="weui-tabbar wy-foot-menu">
			<a href="../Resume/index" class="weui-tabbar__item weui-bar__item--on " style="height: 48px">
				<!--<p class="weui-tabbar__label" style="margin-top: 8%;font-size: 15px">导师列表</p>-->
				<img style="width: 50px;" src="__PUBLIC__static/images/Tutor.png" />
			</a>
			<a href="../Content/index" class="weui-tabbar__item " style="height: 48px">
				<!--<p class="weui-tabbar__label" style="margin-top: 8%;font-size: 15px">招聘列表</p>-->
				<img style="width: 50px;" src="__PUBLIC__static/images/recruit.png" />
				
			</a>
			<a href="../Users/index" class="weui-tabbar__item" style="height: 48px">
				<!--<p class="weui-tabbar__label" style="margin-top: 8%;font-size: 15px">我的</p>-->
				<img style="width: 26px;" src="__PUBLIC__static/images/me.png" />
				
			</a>
		</div>

		<script src="__PUBLIC__static/lib/jquery-2.1.4.js"></script>
		<script src="__PUBLIC__static/lib/fastclick.js"></script>
		<script src="__PUBLIC__static/js/jquery-weui.js"></script>
		<script src="__PUBLIC__static/js/swiper.js"></script>
		<script src="__PUBLIC__static/js/area.js"></script>
		<script src="__PUBLIC__static/js/select.js"></script>
		<script type="text/javascript">
			$(".body").on("click", '#detail',function() {
				window.location.href = "../Details/index";
			});
			$('.city').change(function(){
				$city=$(".city").val();
				$type=$(".type").val();
				$.ajax({
					type: "post",
					url: "select",
					data: {
						"city": $city,
						"type": $type
					},
					dataType: 'json',
					success: function (data) {
						console.log($city);
						console.log($type);

						console.log(data['res']);
						$("#body").empty();
						$str = '';
						for (var v of data['res']) {
							$str += '<ul><div id="name">' + v.name + '<img src="__PUBLIC__static/images/girl.png" /></div> <div id="xinxi"> <span id="sheng">' + v.address + '</span> <span id="tel">|&nbsp;&nbsp;' + v.tel + '</span> </div> <p id="type">'+v.type+'</p> <i></i> <span id="thinkjob">' + v.think_job + '</span> </ul>';							
						}
						$("#body").append($str);
					}
				})


				})
			$('.type').change(function(){
				$city=$(".city").val();
				$type=$(".type").val();

				$.ajax({
					type: "post",
					url: "select",
					data: {
						"city": $city,
						"type": $type
					},
					dataType: 'json',
					success: function (data) {
						console.log($city);
						console.log($type);

						console.log(data['res']);
						$("#body").empty();
						$str = '';
						for (var v of data['res']) {
                            if(v.jobtype=="兼职"){
								$str += '<ul><div id="name">' + v.name + '<img src="__PUBLIC__static/images/girl.png" /></div> <div id="xinxi"> <span id="sheng">' + v.address + '</span> <span id="tel">|&nbsp;&nbsp;' + v.tel + '</span> </div> <p id="type">'+v.type+'</p> <i></i> <span id="thinkjob">' + v.think_job + '</span> </ul>';
							}else{
							    $str += '<ul><div id="name">' + v.name + '<img src="__PUBLIC__static/images/girl.png" /></div> <div id="xinxi"> <span id="sheng">' + v.address + '</span> <span id="tel">|&nbsp;&nbsp;' + v.tel + '</span> </div> <p id="type">'+v.type+'</p> <i></i> <span id="thinkjob">' + v.think_job + '</span> </ul>';								
							}
						}
						$("#body").append($str);
					}
				})
			})
		</script>
	</body>

</html>